.left {
    float: left;
}

.right {
    float: right;
}

.cleaner {
    clear: both;
}

div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li {
    float: left;
    margin: 10px;
}

.kaitou {
    /*font-size: 18px;*/
    color: #563d7c;
    width: 80px;
    margin-top: 10px;
    float: left;
}

.banner {
    background-color: #563d7c;
    padding: 20px 40px 20px 40px;
}

.title-container {
    padding: 10px;
    width: 50%;
    position: relative;
}

.tupian-container {
    width: 30%;
    position: relative;
}

h1.title {
    color: white;
}

.sub-title {
    color: #fff;
}

div.container {
    padding: 20px 40px 20px 40px;
}

div.left2 {
    float: left;
    width: 70%;
}

div.right2 {
    float: left;
}

div.right2 ul li a {
    width: 30%;
    color: #a0a0a0;
}

.right2 ul {
    list-style: none;
}

.right2 ul li {
    list-style: none;
    padding: 4px 20px;
}

.right2 ul li:hover {
    border-left: 1px solid #337ab7;
}

div.sub-title2 {
    font-weight: bold;
    font-size: larger;
}

div.bottom {
    width: 100%;
}

div.biaoti-container {
    font-size: x-large;
    font-weight: 500;
}

div.duanluo-container {
    font-size: medium;
}

div.duanluo-container p a {
    color: #337ab7;
    text-decoration: none;
}

div.duanluo-container p a:hover {
    color: #563d7c;
    text-decoration: underline;
}

.bold-text {
    font-weight: bold;
}

.round-button {
    border: #563d7c 1px solid;
    margin: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

div.egg {
    padding: 10px;
    width: 30%;
    float: left;
}

a.round-button:hover {
    background-color: #563d7c;
    color: #fff;
}

